<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <style type="text/css">
      html {
        height: 100%;
      }

      body {
        height: 100%;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
      }

      #checkinsSection .checkin {
        -moz-border-radius: 8px;
        border: 1px solid black;
        border-radius: 8px;
        background-color: white;
      }

      #map {
        height: 100%;
        width: 100%;
        margin-right: 300px;
      }

      #checkinsSection {
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        width: 300px;
        overflow: auto;
      }

      #infoHeader {
        position: absolute;
        left: 0px;
        top: 0px;
        background-color: white;
        width: 300px;
        overflow: auto;
      }
    </style>
    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-22167883-1']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>
  </head>
  <body onload="checkintrack.map.init()">
    <div id="map"></div>
    <div id="checkinsSection"></div>
    <div id="infoHeader">
      <a href="http://checkintrack.googlecode.com">Checkin Track on Google Code</a>
      <a href="http://www.joelapenna.com">by Joe LaPenna</a>
    </div>

    <script type="text/javascript">
      var CLOSURE_NO_DEPS = true;
    </script>
    <script src="/static/js/main.js"></script>
  </body>
</html>
